<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>欢迎页面</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      background-color: #f0f0f0;
    }

    h1 {
      color: #333;
      margin-top: 50px;
    }

    p {
      color: #666;
      font-size: 18px;
      margin-top: 20px;
    }

    a {
      display: inline-block;
      text-decoration: none;
      color: #b700ff;
      padding: 10px;
      border: 1px solid #dd00ff;
      border-radius: 5px;
      transition: all 0.3s ease;
      white-space: nowrap;
    }

    a:hover {
      background-color: #007bff;
      color: white;
    }

    /* 新增导航栏样式 */
    nav {
      background-color: #d5d822;
      padding: 10px;
      margin-bottom: 20px;
    }

    nav ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
    }

    nav ul li {
      margin: 0 10px;
    }

    nav ul li a {
      color: white;
      border-color: white;
    }

    nav ul li a:hover {
      background-color: white;
      color: #333;
    }

   

    /* 新增公告栏样式 */
   .announcement {
      background-color: #fff;
      border-radius: 5px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      padding: 10px;
      margin: 20px auto;
      width: 600px;
    }

   .announcement h2 {
      color: #333;
      margin-top: 0;
    }

   .announcement p {
      color: #666;
      font-size: 14px;
      margin-top: 10px;
    }
  </style>
</head>

<body style="background-image: url('https://img.shetu66.com/2023/07/25/1690253717906931.png'); background-size: cover;">
  <!-- 导航栏 -->
  <nav>
    <ul>
      <li><a href="/">首页</a></li>
      <li><a href="/book">图书管理</a></li>
      <li><a href="/user">用户管理</a></li>
      <li><a href="https://www.sxau.edu.cn/">关于我们</a></li>
    </ul>
  </nav>

  <h1><%= data.nikename %>欢迎来到我们的网站！</h1>
  <p>这里有精彩的内容等待着你。</p>
  <!-- 公告栏 -->
  <div class="announcement">
    <h2>注意事项</h2>
    <p>同学们请爱护本系统，谢谢配合！</p>
  </div>

  <a href="/book">图书管理</a>
  <a href="/user">用户管理</a>
</body>

</html>